<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>
        {% block title %}
        {% endblock %}
    </title>
</head>
<body>
    {% with messages = get_flashed_messages(with_categories=true) %}
        {% if messages %}
            {% for category, message in messages %}
                <div role="alert">
                    {{ message }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
            {% endfor %}
        {% endif %}
    {% endwith %}
    <nav>
        <button onclick="location.href='/home'">Home</button>
        <button onclick="location.href='/goods'">goods</button>
        <button onclick="location.href='/registration'">registration</button>
        <button onclick="location.href='/login'">login</button>
    </nav>
    {% block content %}
    {% endblock %}
</body>
    <style>
        body {
            background-color: #212121;
            color:white;
        }
    </style>
</html>